{{extend './_member_layout.html'}}

{{block 'title'}}{{ title }}{{/block}}

{{block 'head'}}
<!-- Bootstrap core CSS -->
<link href="/public/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="/public/css/dashboard.css" rel="stylesheet">
{{/block}}

{{block 'content'}}
<div class="container-fluid">
  <div class="row">
    {{include './_member_left.html'}}
    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
      <h1 class="page-header">网站数据统计</h1>

      <div class="row placeholders">
        <div class="col-xs-6 col-sm-3 placeholder">
          <div id="MemberCount"><span>{{MemberCount}}</span></div>
          <h4>会员人数(个)</h4>
          <span class="text-muted">网站注册人数</span>
        </div>
        <div class="col-xs-6 col-sm-3 placeholder">
          <div id="GoodsCount"><span>{{GoodsCount}}</span></div>
          <h4>商品数量(个)</h4>
          <span class="text-muted">网站上架商品数</span>
        </div>
        <div class="col-xs-6 col-sm-3 placeholder">
          <div id="MessageCount"><span>{{MessageCount}}</span></div>
          <h4>留言数量(个)</h4>
          <span class="text-muted">网站反馈留言数量</span>
        </div>
        <div class="col-xs-6 col-sm-3 placeholder">
          <div id="MoneyCount"><span>{{MoneyCount}}</span></div>
          <h4>销售额(元)</h4>
          <span class="text-muted">网站商品交易总额</span>
        </div>
      </div>

      <h2 class="sub-header">最近反馈</h2>
      <div class="table-responsive">
        <table class="table table-striped">
          <thead>
            <tr>
              <th>编号</th>
              <th>反馈标题</th>
              <th>反馈内容摘要</th>
              <th>反馈时间</th>
              <th>会员名</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1,001</td>
              <td>Lorem</td>
              <td>ipsum</td>
              <td>dolor</td>
              <td>sit</td>
            </tr>
            <tr>
              <td>1,002</td>
              <td>amet</td>
              <td>consectetur</td>
              <td>adipiscing</td>
              <td>elit</td>
            </tr>
            <tr>
              <td>1,003</td>
              <td>Integer</td>
              <td>nec</td>
              <td>odio</td>
              <td>Praesent</td>
            </tr>
            <tr>
              <td>1,003</td>
              <td>libero</td>
              <td>Sed</td>
              <td>cursus</td>
              <td>ante</td>
            </tr>
            <tr>
              <td>1,004</td>
              <td>dapibus</td>
              <td>diam</td>
              <td>Sed</td>
              <td>nisi</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{{/block}}